<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>北大青鸟</title>
      <link rel="stylesheet" href="1.css" />
	</head>
	<body>
		<div class="yui3-g bd-top bd-bottom">
        <div class="wrap gray">
            <div class="yui3-u-4-15 ">
                <div class="collect">
                    <a href="http://www.bdqn.cn" title="官方网站">官方网站</a>
                    <a href="http://home.bdqn.cn" title="云豆网">云豆网</a>
                    <a href="http://k.bdqn.cn" title="课工场">课工场</a>
                </div>
            </div>
            <div class="yui3-u-11-15">
                <div class="right">
                	<a href="http://home.bdqn.cn/forum.php" title="青鸟论坛">青鸟论坛</a>
                    <a href="http://ask.bdqn.cn/" title="学员问答">学员问答</a>
                    <a href="http://home.bdqn.cn/home.php" title="青鸟圈子">青鸟圈子</a>
                    <a href="http://d.bdqn.cn" title="客户端下载">客户端下载</a>
                    <a href="http://help.bdqn.cn" title="帮助中心">帮助中心</a>
                 </div>
            </div>
        </div>
</div>
<div class="tu">
 <div id="tu1">
	  	  <img src="bdqn/24dd93a70a7588ae3b6345aeda5d37b6_r_logo1.gif"  alt="首页" title="首页"/>
	  </div>
  </div>

<div id="biao">
	<div id="w">
	<div id="yx">
	<h3>邮箱注册</h3>	
	</div>
<form action="https://www.baidu.com/" method="post" id="myform">
	<div id="" class="a">
		<img src="bdqn/login-input5.png"/>
			<input type="text" name="" id="email" value="" placeholder="请输入您的常用邮箱"/><span id="DivEmail" ></span>
	</div>
    <div id="" class="a">
		<img src="bdqn/login-input1.png"/>
			<input type="text" name="" id="user" value="" placeholder="请输入您的昵称"/><span id="DivUser"></span>
	</div>
	  <div id="" class="a">
		<img src="bdqn/login-input2.png"/>
			<input type="text" name="" id="pwd" value="" placeholder="请输入您的密码"/><span id="DivPwd"></span>
	</div>
	  <div id="" class="a">
		<img src="bdqn/login-input2.png"/>
			<input type="text" name="" id="repwd" value="" placeholder="请再输入您的密码"/><span id="DivRepwd"></span>
	</div>
	 <div id="" class="a">
			<img src="bdqn/login-input3.png"/>
			<input type="text" name="" id="" value="" placeholder="请输入右侧验证码"/>
			<img title="看不清楚,换一张" id="yw0" src="bdqn/59a11fa7365d1.png">
			<span></span>
	</div>
	<div id="">
		<input type="submit" id=""class="zhuce"  value="注册" />
	</div>
	<div id="">
		<input type="submit" id="yiyou"class="zhuce"  value="已有账号登陆" />
	</div>
		</div>
</div>

</form>
<div class="yui3-g">
    <div class="yui3-u-1 ">                                                                                                                                                                                                 <a target="_blank" href="http://home.bdqn.cn/forum.php?mobile=yes" title="">手机版社区</a> |<a target="_blank" href="http://home.bdqn.cn/forum.php?mod=misc&action=showdarkroom" title="">小黑屋</a> |<a target="_blank" href="http://help.bdqn.cn/" title="">帮助中心</a> |<a target="_blank" href="mailto:YL003@bdqn.cn" title="">联系我们</a> |<a target="_blank" href="http://www.bdqn.cn/sitemap" title="">网站地图</a> |<a target="_blank" href="http://www.bdqn.cn" title="北大青鸟官方网站">北大青鸟官方网站</a>        </div>
        <div class="wrap ">
            <p>Copyright 1999-2017 Beijing Aptech Beida Jade Bird Information Technology Co.,Ltd<br />北大青鸟IT教育 北京阿博泰克北大青鸟信息技术有限公司 版权所有</p>
 <p class="inte">
                <span>
                    京ICP备11045574号-3　京公网安备11010802013845号　
              </span>
            </p>
	</body>
<script src="jquery-1.12.4.js" type="text/javascript"></script>
<script type="text/javascript">
	$(function(){
		$("#email").blur(checkEmail);
		$("#pwd").blur(checkPass);
		$("#repwd").blur(checkRepass);
		$("#user").blur(checkUser);
		$("#myform").submit(function(){
		var flag=true;
		if(!checkEmail()) flag=false;
		if(!checkPass()) flag=false;
		if(!checkRepass()) flag=false;
		if(!checkUser()) flag=false;
		})
	})
	function checkEmail(){
		var $mail=$("#email");
		var $divID=$("DivEmail");
		$divID.html("请输入您的常用邮箱");
		if($mail.val()==""){
			$divID.html("Email不能为空值");
			return false;
		}
		if($mail.val().indexOf("@")==-1){
			$divID.html("Email格式不正确,必须包含@");
			return false;
		}
		if($mail.val().indexOf(".")==-1){
			$divID.html("Email格式不正确，必须包含.");
			return false;
		}
		return true;
	}
		function checkPass(){
		var $pwd=$("#pwd");
		var $divID=$("DivPwd");
		$divID.html("6-16位字符或数字、字母,区分大小写");
		if($pwd.val()==""){
			$divID.html("Email不能为空值");
			return false;
		}
		if($pwd.val().length<6||$pwd.val().length>16){
			$divID.html("密码必须在6到16个字符之间！");
			return false;
		}
		return true;
	}
		function checkRepass(){
		var $pwd=$("#pwd");
		var $repwd=$("#repwd");
		var $divID=$("DivRepwd");
		$divID.html("");
		if($pwd.val()!= $repwd.val()){
			$divID.html("两次输入的密码不一致！");
			return false;
		}
		return true;
	}
	function checkUser(){
		var $user=$("#user");
		var $divID=$("DivUser");
		$divID.html("4-12位字符、英文、数字或者中文均可");
		if($user.val()==""){
			$divID.html("昵称不能为空！");
			return false;
		}
		for(var i=0;i<$user.val().length;i++){
			var j=$user.val().substring(i,i+1);
			if(j>=0){
				$divID.html("姓名中不能包含数字！")
				return false;
			}
		}
		return true;
	}	
</script>
</html>
